
<!DOCTYPE html>
<!-- 
date:2019-9-11
 作者：欧阳若润
 描述：作业
 -->
<html>
    <head>
        <meta charset="UTF-8">
        <title>京东-欢迎登录</title>
   
        -->
        <link rel="icon" type="image/x-ico" href="img/bj"/>
        <link rel="stylesheet" type="text/css" href="css/jingd.css"/>
        
        
        
        
    </head>
    <body>
        <!--=====1、顶部=====-->
        <div id="header">
            <div class="h-top">
                <!--图标部分-->
                <div class="icon">
                    <img src="img/logo.png"/>
                    <img src="img/oyrr.PNG"/>
				
                </div>
               
                <!--问卷-->
				<img src="22.png">
                <a>登录页面，调查问卷</a>
                
            </div>
            <!--下面的文字-->
            
            <div class="h-bottom">
                <div id="">
                    <img src="img/oyrr2.PNG"/>
                    <p>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a>《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</p>
                </div>
                
            </div>
        </div>
        
        <!--=====2、中间内容=====-->
        <div id="content">
			<img src="img/bj.jpg" />
            <div class="input_div">
                <div class="info-top">
                    <div class="top-top">
                        <img src="img/oyrr2.PNG"/>
                        <p>京东不会要求您转账汇款，谨防诈骗。</p>
                    </div>
                    <div class="top-bottom">
                        <button >扫码登录</button>
                        <button>账号登录</button>
                    </div>
                </div>
                
                <!--输入框模块-->
                <div class="info-middle">
                    <div class="username">
                        <img src="img/oy.PNG"/>
                        <input type="text" name="username" id="" value="" placeholder="邮箱/用户名/已验证手机" />
                    </div>
					
                    <div class="password">
                        <img src="img/ty.png"/>
                        <input type="password" name="password" id="" value="" placeholder="密码" />
                    
                    </div>
                    
                    <!--忘记密码-->
                    <a>忘记密码</a>
                    
                    <button id="log">登  录</button>
                    
                </div>
                
                <div class="info-bottom">
               
                    
                    <div class="login">
                        <img src="img/qq.png"/> <a href="">QQ</a> | 
                        <img src="img/weixin.png"/><a href="">微信</a>
                    </div>
                    
                    <div class="logon">
                        <img src="img/zhuce.png"/>
                        <p ><a><font color="red">立即注册</font></a></p>
                    </div>
                    
                </div>
            </div>
            
            
        </div>
        
        
        <!--=====3、底部=====-->
        <div id="footer">
            <div class="other"> 
                <a>关于我们</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; 
                <a>联系我们</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; 
                <a >人才招聘</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; 
                <a>商家入驻</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp; &nbsp;&nbsp;&nbsp;
                <a>广告服务</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp; &nbsp;&nbsp;&nbsp;
                <a>手机京东</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a>友情链接</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp; &nbsp;&nbsp;&nbsp;
                <a>销售联盟</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp; &nbsp;&nbsp;&nbsp;
                <a>京东社区</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; 
                <a>京东公益</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp; &nbsp;&nbsp;&nbsp;
                <a>English Site</a> 
            </div> 
            <div class="versions"> 
                <span>Copyright © 2004-2018 京东JD.com 版权所有</span> 
            </div> 
    
        </div>
    </body>
</html>